<template>
    <div id="max">
        <router-link @click="x1" to="./views/首页.vue">
            <svg t="1676449975083" class="a1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="5728" width="16" height="16">
                <path
                    d="M624.788992 204.047974 585.205965 164.464026 219.560038 530.185011 585.205965 895.864013 624.788992 856.280986 298.663014 530.16105Z"
                    p-id="5729" fill="#707070"></path>
            </svg>
        </router-link>
        <el-input class="aa" placeholder="请输入内容" v-model="input2" :prefix-icon="Search">
        </el-input>
        <svg t="1676449115328" class="a" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="1734" width="16" height="16">
            <path
                d="M478.799854 897.161197c-226.701209 0-411.154197-184.440709-411.154197-411.141918S252.098645 74.877361 478.799854 74.877361s411.128615 184.440709 411.128615 411.141918S705.501062 897.161197 478.799854 897.161197zM478.799854 114.134457c-205.053166 0-371.897102 166.830633-371.897102 371.883799s166.843936 371.883799 371.897102 371.883799S850.671373 691.072445 850.671373 486.019279 683.85302 114.134457 478.799854 114.134457z"
                p-id="1735"></path>
            <path
                d="M946.616562 940.737668c-5.034666 0-10.044774-1.916653-13.878079-5.750981L775.070534 777.318738c-7.667633-7.667633-7.667633-20.088524 0-27.756157 7.667633-7.667633 20.088524-7.667633 27.756157 0l157.667949 157.667949c7.667633 7.667633 7.667633 20.088524 0 27.756157C956.661336 938.821015 951.652252 940.737668 946.616562 940.737668z"
                p-id="1736"></path>
        </svg>
        <span id="ss" @click="xx"> 搜索</span>
</div>
</template>
  
<script lang="ts" setup>
import { ref, } from "vue";

let input2 = ref("");

// 搜索查询的方法
let xx = () => {
    cons
    // 如果说数据存在,才去拼接this.form.productCategoryId[1]
    // reactive.form.productCategoryId =reactive.form.productCategoryId && reactive.form.productCategoryId[1];
};
// 返回首页的方法
let x1 = () => {
    console.log(22);
};
</script>
<style lang="scss">
#max {
    width: 100%;
    height: 999px;
    background-color: #f7f7f7;

    .a {
        position: relative;
        left: -70%;
        top: 5px;
    }

    .aa {
        width: 75%;
        height: 30px;
        position: relative;
        left: 20px;
        top: 3px;
    }

    #ss {
        font-size: 14px;
        position: relative;
        top: 3px;
        left: 10px;
    }

    .a1 {
        position: relative;
        left: 8px;
        top: 5px;
    }
}
</style>
  